<template>

    <div>
        <panle title='公域订单邀约统计' :content="liveId?liveInfo.title:''"></panle>

        <div class="table-wrap">
            <el-table align="center" :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border
                stripe default-expand-all v-loading="loading" @selection-change="handleSelectionChange" >

                <el-table-column align="center"  header-align="center" prop="date" label="日期"></el-table-column>
                <el-table-column align="center"  header-align="center" prop="yaoyue_num"
                    label="邀约订单数"></el-table-column>
                <el-table-column align="center"  header-align="center" prop="daoke_num"
                    label="到课订单数"></el-table-column>
                <el-table-column align="center"  header-align="center" prop="yaoyuedaoke_lv"
                    label="邀约到课率"></el-table-column>
                <el-table-column align="center"  header-align="center" prop="chengjiao_num"
                    label="成交订单数"></el-table-column>
                <el-table-column align="center"  header-align="center" prop="yaoyuechengjiao_lv"
                    label="邀约成交率"></el-table-column>
                <el-table-column align="center"  header-align="center" prop="daokechengjiao_lv"
                    label="到课成交率"></el-table-column>

            </el-table>
            <!-- <div class="block">
                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                    :current-page="pageNumber" :page-sizes="[10, 50, 100, 200]" :page-size="pageSize" background
                    layout="total, sizes, prev, pager, next, jumper" :total="total">
                </el-pagination>
            </div> -->
        </div>


    </div>
</template>

<script>

let _that;
import Panle from '@/components/Panle';
import { getOrderList } from '@/api/live/invitation';
import PersButton from '@/components/PersButton';
export default {
    components: {
        Panle,
        PersButton
    },
    data() {
        return {
            loading: false,
            tableData: [],
            pageSize: 10, //一页显示多少条
            pageNumber: 1,
            total: 0, //总页数
            liveInfo: {name:'zhia'},
            liveId: this.$route.query.liveId,
        }
    },
    created() {
        _that = this;
        this.init();
    },
    methods: {
        init() {
            _that.loading = true;
            let _param = {
                liveId:this.$route.query.liveId
            }

            getOrderList(_param).then((res) => {
                _that.loading = false;
                console.log(res);
                _that.tableData = res.data.list;
                _that.liveInfo = res.data.liveinfo;
                console.log(_that.tableData);
            })

        }


    }

}
</script>


<style>

</style>